html,body,div,p,h1,h2,h3,h4,h5,ul,ol,li{
    margin: 0;
    padding:0;
}
li{
    list-style: none;
}
html,body{
    width:100%;
    height:100%;
}
.main-wrapper{
    width:100%;
    height:100%;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
}
.left-wrapper,.right-wrapper{
    position: absolute;
    top:0;
    left:0;
    height:100%;
}
.left-wrapper{
    width:80%;
    background: #ccc;
    left:-100px;
}
.right-wrapper{
    width:100%;
    z-index: 8;
    background: #fff;
}
.mask{
    position: absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background: #000;
    display: none;
    opacity: 0;
    z-index: 9999;
}
.right-wrapper .head-wrapper .head-img{
    width:30px;
    height:30px;
    background: aquamarine;
    border-radius: 50%;
}
